$(function () {
    let p = {
        // pagenum	是	int	页码值
        // pagesize	是	int	每页显示多少条数据
        // cate_id	否	string	文章分类的 Id
        // state	否	string	文章的状态，可选值有：已发布、草稿
        pagenum: 1,
        pagesize: 2,
        cate_id: '',
        state: ''
    }

    // 初始化文章列表
    initArticelList()
    function initArticelList() {
        axios({
            url: '/my/article/list',
            params: p
        }).then(res => {
            let arr = []
            res.data.data.forEach(ele => {
                arr.push(`
                
                        <tr>
                            <td> ${ele.title}</td>
                            <td>${ele.cate_name}</td>
                            <td>${formateDate(ele.pub_date)}</td>
                            <td>${ele.state}</td>
                            <td>
                                <button class="layui-btn  layui-btn layui-btn-xs" id="modify">修改</button>
                                <button data-Id="${ele.Id}" class="btn_del layui-btn layui-btn-danger layui-btn layui-btn-xs" id="del_btn">删除</button>
                            </td>
                        </tr>
                `)

                $('tbody').empty().html(arr.join(''))
            })
console.log(456);
            renderPage(res.data.total)
        })
    }
    initCataList()
    // 渲染文章类别选择框
    function initCataList() {
        axios({
            url: '/my/article/cates'
        }).then(res => {
            let arr = ['<option value="">请选择文章分类</option>']
            res.data.data.forEach(item => {
                arr.push(`<option value='${item.Id}'>${item.name}</option>`)
            })
            let str = arr.join('')
            $('[name=cate_id]').empty().html(str)
            layui.form.render();
        })
    }

    // 筛选
    $('#selectForm').on('submit', function (e) {
        e.preventDefault()

        p.cate_id = $('[name=cate_id]').val()
        p.state = $('[name=state]').val()
        initArticelList()
    })
    function renderPage(total) {
        layui.laypage.render({
            elem: 'pageBox',//注意，这里的 test1 是 ID，不用加 # 号
            count: total, //数据总数，从服务端得到
            limit: p.pagesize,
            curr: p.pagenum,
            limits: [2, 5, 10, 15, 20],
            layout: ['count', 'limit', 'prev', 'page', 'next', 'skip'],
            jump: function (obj, first) {
                //obj包含了当前分页的所有参数，比如：

                //首次不执行
                if (!first) {
                    //do something
                    p.pagesize = obj.limit
                    p.pagenum = obj.curr
                    initArticelList()
                }
            }
        });
    }

    $('tbody').on('click', '.btn_del', function () {
        let id = $(this).attr('data-Id')
        //eg1
        layer.confirm('是否删除文章?', { icon: 3, title: '提示' }, function (index) {
            //do something
            axios({
                url: '/my/article/delete/' + id
            }).then(res => {
                if (res.data.status) {
                    return layer.msg(res.data.message)
                }
                layer.msg('删除成功')

                // if($('.btn_del').length===1&&p.pagenum>=2) return p.pagenum--
                $('.btn_del').length===1&& p.pagenum>=2&&p.pagenum--
                console.log(123);
                initArticelList()
            })
            layer.close(index);
        });
    })

})